<!-- 订单消息提示 -->
<template>
  <div v-if="showTitle" class="message-title">
    <div v-for="(item, index) in messageList" :key="index" class="message-parcel">
      <div class="content-title">{{ item.title }}</div>
    </div>
  </div>
</template>

<script>
export default {
    name: 'MessageTitle',
    props: {
        // 根据场景是否需要显示titles
        showTitle: {
            type: Boolean,
            default: true
        },
        // 提示的title信息列表
        messageList: {
            type: Array,
            default: () => []
        }
    },
    data() {
        return {
        }
    }
}
</script>
<style lang="scss" scoped>

    .message-parcel {
        line-height: 18px;
    }

    .content-title {
        color: red;
    }

</style>
